<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 清除样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/home.css">
</head>

<body>
    <!-- 页头 -->
    <div class="head">
        <div class="h_title clearfix">
            <p class="fl ht1">欢迎来到XXX律师事务所官网，我们将竭诚为您服务！</p>
            <p class="fr ht2"><img src="../images/tel.png">咨询热线：<span class="ht11">400-XXX-XXXX</span></p>
        </div>
        <!-- 选项栏 -->
        <div class="h_select clearfix">
            <p class="fl hs_1"><img src="../images/logo.png">XXXX律师事务所</p>
            <ul class="hs_2">
                <li><a href="./home.html">首页</a></li>
                <li><a href="./about.html">关于我们</a></li>
                <li><a href="./service_type.html">服务项目</a></li>
                <li><a href="./case.html">成功案例</a></li>
                <li><a href="./team.html">律师团队</a></li>
                <li><a href="./news_list.html">新闻动态</a></li>
                <li><a href="./contact.html">联系方式</a></li>
            </ul>
        </div>
    </div>
    <!-- 广告 -->
    <div class="banner">
        <div class="b_text">
            <p>
            <h1>为您排忧解难</h1>
            <h1 class="bt1">是我们最重要的事</h1>
            </p>
            <p class="bt2">咨询热线：400-XXX-XXXX</p>
        </div>

        <!-- 导航栏 -->
        <div class="b_select clearfix">
            <p><a href="./team.html" class="bs1"><img src="../images/p1_act0.png"></a>找律师</p>
            <p><a href="./service_type.html"><img src="../images/p2_819t.png"></a>选服务</p>
            <p><a href="./news_details.html"><img src="../images/p3_g51q.png"></a>看案例</p>
            <p><a href="./contact.html"><img src="../images/p4_q67r.png"></a>要咨询</p>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main container clearfix">
        <!-- 服务项目 -->
        <div class="m_box1">
            <p>
            <h2 class="m_title">服务项目</h2>
            </p>
            <p>
            <h2 class="m_title1">SERVICE</h2>
            </p>
            <ul>
                <img src="../images/service-1_sg54.jpg" class="fl m_photo1">
                <li><a href="./team.html"><img src="../images/service-sub-1_tfeb.jpg" class="fl m_photo2"></a>
                    <p class="mp_text1">合同纠纷</p>
                </li>
                <li><a href="./team.html"><img src="../images/service-sub-2.jpg" class="fl m_photo2"></a>
                    <p class="mp_text2">劳务纠纷</p>
                </li>
                <li><a href="./team.html"><img src="../images/service-sub-3.jpg" class="fl m_photo2"></a>
                    <p class="mp_text3">借贷纠纷</p>
                </li>
                <li><a href="./team.html"><img src="../images/service-sub-4.jpg" class="fl m_photo2"></a>
                    <p class="mp_text4">股权纠纷</p>
                </li>
                <li><a href="./team.html"><img src="../images/service-sub-5.jpg" class="fl m_photo2"></a>
                    <p class="mp_text5">知识产权</p>
                </li>
                <li><a href="./team.html"><img src="../images/service-sub-6.jpg" class="fl m_photo2"></a>
                    <p class="mp_text6">房产纠纷</p>
                </li>
            </ul>
        </div>
        <!-- 经典案例 -->
        <div class="m_box2">
            <p>
            <h2 class="m_title clearfix">经典案例</h2>
            </p>
            <p>
            <h2 class="m_title1">SASE</h2>
            </p>
            <ul>
                <li><img src="../images/anli1.jpg" class="fl m_photo3">
                    <div class="mp_box1">
                        <h3>合同纠纷</h3>
                        <p>杭州某公司与上海某公司合作多年，2016年为后者提供某某某服务，服务结束后，经多次催讨无果，故决定起诉。</p>
                        <a href="#">详情></a>
                    </div>
                </li>
                <li><img src="../images/anli2.jpg" class="fl m_photo4">
                    <div class="mp_box2">
                        <h3>借贷纠纷</h3>
                        <p>乙先生于2015年借款给甲先生，甲先生承诺在2016年某月某日前将借款全部还清，未兑现。</p>
                        <a href="#">详情></a>
                    </div>
                </li>
                <li><img src="../images/anli3.jpg" class="fl m_photo4">
                    <div class="mp_box3">
                        <h3>劳务纠纷</h3>
                        <p>甲先生与2015年至2016年间为某公司员工，某公司一直拖欠甲先生2016年6月至12月工资。</p>
                        <a href="#">详情></a>
                    </div>
                </li>
                <li><img src="../images/anli4.jpg" class="fl m_photo4">
                    <div class="mp_box4">
                        <h3>房产土地</h3>
                        <p>甲先生与人签订了房屋买卖合同，并已支付了XXX元，但房东以各种借口不交房。</p>
                        <a href="#">详情></a>
                    </div>
                </li>
            </ul>
            <button type="button" class="button"><a href="./case_details.html">更多</a></button>
        </div>
        <div class="m_box3 clearfix">
            <!-- 新闻动态 -->
            <div class="news fl">
                <h4>新闻动态<span>TEAM</span><a href="./news_details.html">更多&gt;</a></h4>
                <ul class="clearfix n_box">
                    <li>
                        <div class="news_box">
                            <div class="news_box1 fl">
                                <h5>24</h5>
                                <h6>2015-03</h6>
                            </div>
                            <div class="news_box2 fl">
                                <P class="news_text">注册会计师成立行业党委</p>
                                <p>因长达半月出差，李海东没赶上陪儿子参加中考考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......</P>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="news_box">
                            <div class="news_box1 fl">
                                <h5>24</h5>
                                <h6>2015-03</h6>
                            </div>
                            <div class="news_box2 fl">
                                <P class="news_text">注册会计师成立行业党委</p>
                                <p>因长达半月出差，李海东没赶上陪儿子参加中考考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......</P>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="news_box">
                            <div class="news_box1 fl">
                                <h5>24</h5>
                                <h6>2015-03</h6>
                            </div>
                            <div class="news_box2 fl">
                                <P class="news_text">注册会计师成立行业党委</p>
                                <p>因长达半月出差，李海东没赶上陪儿子参加中考考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......</P>
                            </div>
                        </div>
                    </li>
                </ul>

            </div>
            <!-- 在线预约 -->
            <div class="order fr">
                <h4>在线预约<span>ORDER</span><a href="./contact.html">更多&gt;</a></h4>
                <div class="input_box">
                    <p>姓名<span>*</span><input type="text" class="text_box"></p>
                    <p>电话<span>*</span><input type="tel" class="tel_box"></p>
                    <p><textarea></textarea></p>
                    <p><button type="submit" class="bd submit_box">提交</button></p>
                    <div class="in_text">内容<span>*</span></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页尾 -->
    <div class="foot">
        <ul class="clearfix footer">
            <!-- 尾头 -->
            <li class="f_box1 fl">
                <p class="f_title"><img src="../images/logo2.png">XXXX律师事务所</p>
            </li>
            <!-- 尾腹 -->
            <li class="f_box2 fl">
                <p class="f_tel">电话：0571-XXXXXXXX 传真：0571-XXXXXXXX 邮箱：XXXX@XXXX.com</p>
                <p class="f_address">地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号</p>
            </li>
            <!-- 尾部 -->
            <li class="fl">
                <div class="f_wechat clearfix">
                    <div class="fl"><img src="../images/erweima.png"></div>
                    <div class="fl wechat_text">
                        <p>扫一扫</p>
                        <p>关注官方微信</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</body>

</html>